<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<ui:composition>
	<div id="wrapper">
		<ul class="menu">
			<li class="item1"><a href="#">Home <span>340</span></a>
				<ul>
					<li class="subitem1"><a href="#">Login <span>14</span></a></li>
					<li class="subitem2"><a href="#">ADM <span>6</span></a></li>
				</ul></li>
			<li class="item2"><a href="#">Caixa <span>147</span></a>
				<ul>
					<li class="subitem1"><a href="cadpedido.jsf">Efeturar Pedido <span>14</span></a></li>
					<li class="subitem2"><a href="conpedidos.jsf">Consultar Pedidos <span>2</span></a></li>
					<li class="subitem3"><a href="cadpagamento.jsf">Efetuar Pagamento <span>6</span></a></li>
					<li class="subitem4"><a href="conpagamento.jsf">Consultar Pagamento <span>6</span></a></li>
					<li class="subitem5"><a href="conconta.jsf">Consultar Conta <span>6</span></a></li>
				</ul></li>
			<li class="item4"><a href="#">Produtos <span>222</span></a>
				<ul>
					<li class="subitem1"><a href="cadproduto.jsf">Cadastro <span>14</span></a></li>
					<li class="subitem2"><a href="atuproduto.jsf">Atualizar<span>0</span></a></li>
					<li class="subitem3"><a href="conproduto.jsf">Consultar <span>0</span></a></li>
					<li class="subitem4"><a href="delproduto.jsf">Deletar <span>0</span></a></li>
				</ul></li>
			<li class="item5"><a href="#">Clientes <span>16</span></a>
				<ul>
					<li class="subitem1"><a href="cadcliente.jsf">Cadastro <span>14</span></a></li>
					<li class="subitem2"><a href="atucliente.jsf">Atualizar <span>0</span></a></li>
					<li class="subitem3"><a href="concliente.jsf">Consultar <span>0</span></a></li>
					<li class="subitem4"><a href="delcliente.jsf">Deletar <span>0</span></a></li>
				</ul></li>
		</ul>
	</div>

	<!--initiate accordion-->
	<script type="text/javascript">
	$(function() {
	
	    var menu_ul = $('.menu > li > ul'),
	           menu_a  = $('.menu > li > a');
	    
	    menu_ul.hide();
	
	    menu_a.click(function(e) {
	        e.preventDefault();
	        if(!$(this).hasClass('active')) {
	            menu_a.removeClass('active');
	            menu_ul.filter(':visible').slideUp('normal');
	            $(this).addClass('active').next().stop(true,true).slideDown('normal');
	        } else {
	            $(this).removeClass('active');
	            $(this).next().stop(true,true).slideUp('normal');
	        }
	    });
	
	});
</script>
</ui:composition>
</html>